<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
<!--  <meta http-equiv="X-UA-Compatible" content="IE=edge">-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>淘宝网</title>
  <link rel="stylesheet" href="./taobao.css">
  <link rel="shortcut icon" type="image/x-icon" href="./img/taobaoicon.png" />
  <script src="./taobao.js"></script>

  <script src="./iconfont.js"></script>
  <style>
    .icon {
      width: 1em; height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
      color:#9c9c9c;

    }
    .gouwuche,.gengduo{
      color: #ff6a05;
    }

  </style>
</head>
<body>
<div class="all">
  <div class="site-nav">
    <div class="site-nav-center">
      <ul class="site-nav-center-l">
        <li>
          <a href=""> 中国大陆</a>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-xiangxia"></use>
          </svg>
          <div class="site-nav-menu">
            <ul>
              <li>中国大陆</li>
              <li>中国大陆</li>
              <li>中国大陆</li>
              <li>中国大陆</li>
              <li>中国大陆</li>
              <li>中国大陆</li>
              <li>中国大陆</li>
              <li>中国大陆</li>
              <li>中国大陆</li>
              <li>中国大陆</li>
              <li>中国大陆</li>
            </ul>
          </div>

        </li>
        <li><a href="" style="color: #f22e00;">亲，请登录</a></li>
        <li><a href="">免费注册</a></li>
        <li><a href="">手机逛淘宝</a></li>
      </ul>
      <ul class="site-nav-center-r">
        <li>
          <a href="">我的淘宝</a>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-xiangxia"></use>
          </svg>
          <div class="site-nav-menu">
            <ul>
              <li>已买到的宝贝</li>
              <li>我的足迹</li>
            </ul>
          </div>
        </li>
        <li>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-gouwuchekong" class=" gouwuche"></use>
          </svg>
          <a href="">购物车</a>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-xiangxia"></use>
          </svg>
        </li>
        <li>
          <a href="">收藏夹</a>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-xiangxia"></use>
          </svg>
          <div class="site-nav-menu">
            <ul>
              <li>收藏的宝贝</li>
              <li>收藏的店铺</li>
            </ul>
          </div>
        </li>
        <li><a href="">商品分类</a></li>
        <li><a href="">免费开店</a></li>
        <li>
          <a href="">千牛卖家中心</a>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-xiangxia"></use>
          </svg>
          <div class="site-nav-menu">
            <ul>
              <li>免费开店</li>
              <li>已卖出的宝贝</li>
              <li>出售中的宝贝</li>
              <li>卖家服务市场</li>
              <li>卖家培训中心</li>
              <li>体验中心</li>
              <li>问商友</li>
            </ul>
          </div>
        </li>
        <li>
          <a href="">联系客服</a>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-xiangxia"></use>
          </svg>
        </li>
        <li>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-gengduo" class="gengduo"></use>
          </svg>
          <a href="">网站导航</a>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-xiangxia"></use>
          </svg>
          <div class="site-nav-menu" id="wangzhan">
            <ul>
              <li style="color: #fc4200;">主题市场
                <div class="wangzhi-detail">
                  <ul>
                    <li>
                    <li>卖家培训中心</li>
                    <li>体验中心</li>
                    <li>问商友</li>
                    <li>卖家服务市场</li>
                    <li>卖家培训中心</li>
                    <li>体验中心</li>
                    <li>问商友</li>
                    </li>
                  </ul>
                </div>
              </li>
              <li style="color:#a6bd46;">特色市场</li>
              <li style="color: #d75696;">阿里App</li>
              <li style="color:#40a7de;">精彩推荐集</li>
              <li>卖家培训中心</li>
              <li>体验中心</li>
              <li>问商友</li>
              <li>卖家服务市场</li>
              <li>卖家培训中心</li>
              <li>体验中心</li>
              <li>问商友</li>
              <li>卖家服务市场</li>
              <li>卖家培训中心</li>
              <li>体验中心</li>
              <li>问商友</li>
            </ul>
          </div>
        </li>

      </ul>
    </div>
  </div>
  <div class="main">
    <div class="search">

      <img src="./img/logo.png" class="logo" alt="">

      <div class="search-btn">
        <div class="search-wrap">
          <div class="search-bd">
            <div class="search-triggers">
              <span>宝贝</span>


              <ul class="search-triggers-list">
                <li>天猫</li>
                <li>店铺</li>
              </ul>
            </div>
            <div class="search-input-box">
              <input type="text" class="search-input"
                     placeholder="请输入搜索文字" >
            </div>
            <div class="search-button">搜索</div>
          </div>
          <div class="search-list">
            <ul>
              <li>新款连衣裙</li>
              <li>四件套</li>
              <li style="color: #ff6a05;">潮流T恤</li>
              <li>时尚女鞋</li>
              <li>短裤</li>
              <li>半身裙</li>
              <li>男士外套</li>
              <li>墙纸</li>
              <li>行车记录仪</li>
              <li>新款男鞋</li>
              <li>耳机</li>
            </ul>
          </div>
        </div>


      </div>
      <div class="ewm">
        <a href="">去领红包</a>
        <img src="./img/erweima.png" alt="">
      </div>
    </div>

    <div class="main-content">
      <div class="main-top">
        <ul>
          <li id="ztsc"><a href="">主题市场</a> </li>
          <li class="tm"><a href="">天猫</a> </li>
          <li class="jhs"><a href="">聚划算</a></li>
          <li class="tmcs"><a href="">天猫超市</a></li>
          <li>|</li>
          <li><a href="">司法拍卖</a></li>
          <li><a href="">飞猪旅行</a></li>
          <li><a href="">天天特卖</a></li>
          <li><a href="">淘小铺</a> </li>
          <li>|</li>
          <li><a href="">造点新货</a></li>
          <li><a href="">苏宁易购</a></li>
          <li><a href="">淘宝心选</a></li>
          <li><a href="">智能生活</a></li>
        </ul>
      </div>
      <!-- 第一部分 -->
      <div class="main-content1">
        <div class="service-list">
          <ul>
            <li>
              <a href="" class="service-list-t">女装/内衣/家居</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul style="background-color: rebeccapurple;">
                  <li>11111111</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">女鞋/男鞋/箱包</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">

              <div class="service-detail">
                <ul style="background-color: #ff6a05;">
                  <li>22222222</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">母婴/童装/玩具</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul style="background-color: rosybrown;">
                  <li>3333333</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">男装/户外运动</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul style="background-color: burlywood;">
                  <li>444444444444</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">美妆/彩妆/个护</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul>
                  <li>55555555555</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">手机/数码/企业</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul>
                  <li>666666666</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">大家电/生活电器</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul>
                  <li>7777777777</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">零食/生鲜/茶酒</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul>
                  <li>88888888</li>
                  <li>88888888</li>
                  <li>88888888</li>
                  <li>88888888</li>
                  <li>88888888</li>
                  <li>88888888</li>
                  <li>88888888</li>

                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">厨具/收纳/清洁</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul>
                  <li>9999999</li>
                  <li>9999999</li>
                  <li>9999999</li>
                  <li>9999999</li>
                  <li>9999999</li>
                  <li>9999999</li>

                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">家纺/家饰/鲜花</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul>
                  <li>10101010110</li>
                  <li>10101010110</li>
                  <li>10101010110</li>
                  <li>10101010110</li>
                  <li>10101010110</li>
                  <li>10101010110</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">图书音像/文具</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul style="background-color: aquamarine;">
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">医药保健/进口</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul style="background-color: palevioletred;">
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">汽车/二手车/用品</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul style="background-color: papayawhip;">
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">房产/装饰家居/建材</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul style="background-color: goldenrod;">
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
            <li>
              <a href="" class="service-list-t">手表/眼镜/珠宝</a>
              <img class="xiangyou" src="./img/xiangyou.png" alt="">
              <div class="service-detail">
                <ul style="background-color: paleturquoise;">
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                  <li>流行趋势</li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
        <div class="core">
          <div class="box">
            <div class="box-1">
              <ul>
                <li>
                  <img src="./img/lb1.jpg" alt="这里是第一场图片"></img>

                </li>
                <li>
                  <img src="./img/lb2.jpg" alt="这里是第二张图片"></img>

                </li>
                <li>
                  <img src="./img/lb3.jpg" alt="这里是第三张图片"></img>

                </li>
                <li>
                  <img src="./img/lb4.jpg" alt="这里是第一场图片"></img>

                </li>

              </ul>
            </div>
            <div class="box-2">
              <ul>

              </ul>
            </div>
            <div class="box-3">
              <span class="prev"> < </span>
              <span class="next"> > </span>
            </div>
          </div>
          <div class="Tmall">
            <div class="Tmall-title">
              <img src="./img/tmall.png" alt="">
              <span>理想生活上天猫</span>
            </div>
            <div class="Tmall-detail">
              <img src="./img/tm1.jpg" alt="">
              <img src="./img/tm2.jpg" alt="">
            </div>
          </div>
        </div>

        <div class="sub-column">
          <!-- 上 -->
          <div class="tbn-focus">
            <img class="focus-img" src="./img/tab1.png" alt="">
          </div>
          <!-- 下 -->
          <div class="hb-tanx-down">
            <h5>今日热卖</h5>
            <div class="tanx">
              <img src="./img/tab2.png" alt="">
            </div>
          </div>
        </div>
        <div class="col-right">
          <div class="member">
            <div class="member-bd">
              <div class="tx">
                <img src="./img/touxiang.jpg" alt="">

              </div>
              <span>hi,你好！</span>
              <ul class="member-bd-jb">
                <li>
                  <div class="jb"></div>
                  <a href="" class="jb-text">领淘金币抵钱</a>
                </li>
                <li>
                  <div class="jb2"></div>
                  <a href="" class="jb-text">会员俱乐部</a>
                </li>
                <!-- <li>
                    <img src="" alt="">
                    <a href="">会员俱乐部</a>
                </li> -->
              </ul>
              <div class="member-bd-btnbox">
                <a href="" class="member-bd-btn">登录</a>
                <a href="" class="member-bd-btn">注册</a>
                <a href="" class="member-bd-btn">开店</a>
              </div>
              <div class="tbn-tipoff">
                <img src="./img/tab3.jpg" alt="">
              </div>
              <div class="min">
                <ul>
                  <li>
                    <a href="">公告</a>
                    <div class="min-detail">
                      严禁借庆祝建党100周年进行商业营销的公告
                    </div>
                  </li>
                  <li>
                    <a href="">规则</a>
                    <div class="min-detail">
                      新增《淘宝网汽配行业管理规范》公示通知《淘宝网区域零售服务
                    </div>
                  </li>
                  <li>
                    <a href="">安全</a>
                    <div class="min-detail">
                      魔豆妈妈公益项目让母爱永不打烊！
                    </div>
                  </li>
                  <li>
                    <a href="">公益</a>
                    <div class="min-detail">
                      阿里公益“奥斯卡”阿里公益论坛
                    </div>
                  </li>
                  <li>
                    <a href="">千牛</a>
                    <div class="min-detail">
                      千牛头条新手开店
                    </div>
                  </li>


                </ul>
                <span>严禁借庆祝建党100周年进行商业营销的公告</span>
              </div>
              <div class="conve">
                <ul>
                  <li>
                    <img src="./img/sj.png" alt="">
                    <p>充话费</p>
                    <div class="conve-detail">
                      充话费充话费充话费充话费充话费充话费充话费充话费
                    </div>
                  </li>
                  <li>

                    <img src="./img/lx.png" alt="">
                    <p>旅行</p>
                    <div class="conve-detail">
                      旅行旅行旅行旅行旅行旅行
                    </div>
                  </li>
                  <li>
                    <img src="./img/cx.png" alt="">
                    <p>车险</p>
                    <div class="conve-detail">
                      车险车险车险车险车险车险
                    </div>
                  </li>
                  <li>
                    <img src="./img/yx.png" alt="">
                    <p>游戏</p>
                    <div class="conve-detail">
                      游戏游戏游戏游戏游戏游戏
                    </div>
                  </li>
                </ul>
              </div>
              <div class="conve">
                <ul>
                  <li>
                    <img src="./img/sj.png" alt="">
                    <p>充话费</p>
                    <div class="conve-detail">
                      充话费充话费充话费充话费充话费充话费充话费充话费
                    </div>
                  </li>
                  <li>

                    <img src="./img/lx.png" alt="">
                    <p>旅行</p>
                    <div class="conve-detail">
                      旅行旅行旅行旅行旅行旅行
                    </div>
                  </li>
                  <li>
                    <img src="./img/cx.png" alt="">
                    <p>车险</p>
                    <div class="conve-detail">
                      车险车险车险车险车险车险
                    </div>
                  </li>
                  <li>
                    <img src="./img/yx.png" alt="">
                    <p>游戏</p>
                    <div class="conve-detail">
                      游戏游戏游戏游戏游戏游戏
                    </div>
                  </li>
                </ul>
              </div>
              <div class="App">
                <div class="A-t">
                  <span class="A-t1">阿里App</span>
                  <span class="A-t2">更多 > </span>
                </div>

                <ul>
                  <li>
                    <img src="img/taobaoicon.png" alt="">
                  </li>
                  <li>
                    <img src="./img/tianmao.png" alt="">
                  </li>
                  <li>
                    <img src="./img/zfb.png" alt="">
                  </li>
                  <li>
                    <img src="./img/dd.png" alt="">
                  </li>
                  <li>
                    <img src="./img/dianying.png" alt="">
                  </li>
                </ul>
              </div>
            </div>


          </div>
        </div>
      </div>
      <!-- 第二部分 -->
      <div class="main-content2">
        <h3 class="goods-hd">有好货</h3>
        <span class="goods-hd2">全名口碑</span>
        <div class="goods-list">
          <ul>
            <li style="box-shadow: none;">
              <a href="">
                <div class="goods-img">
                  <img src="./img/g1.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" class="info-text1"> Pure Cashmere保暖针织帽</a>
                  <p class="info-text2">这款针织帽风格休闲可爱，帽口双面装饰设计，非常有层次感，带上也会更舒服，简约的外型，柔软的纯羊绒面料，既美观又保暖。</p>
                </dix>
              </a>
            </li>
            <li style="box-shadow: none;">
              <a href="">
                <div class="goods-img">
                  <img src="./img/g2.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" class="info-text1"> Pure Cashmere保暖针织帽</a>
                  <p class="info-text2">这款针织帽风格休闲可爱，帽口双面装饰设计，非常有层次感，带上也会更舒服，简约的外型，柔软的纯羊绒面料，既美观又保暖。</p>
                </dix>
              </a>
            </li>
            <li style="box-shadow: none;">
              <a href="">
                <div class="goods-img">
                  <img src="./img/g3.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" class="info-text1"> Pure Cashmere保暖针织帽</a>
                  <p class="info-text2">这款针织帽风格休闲可爱，帽口双面装饰设计，非常有层次感，带上也会更舒服，简约的外型，柔软的纯羊绒面料，既美观又保暖。</p>
                </dix>
              </a>
            </li>
            <li style="box-shadow: none;">
              <a href="">
                <div class="goods-img">
                  <img src="./img/g4.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" class="info-text1"> Pure Cashmere保暖针织帽</a>
                  <p class="info-text2">这款针织帽风格休闲可爱，帽口双面装饰设计，非常有层次感，带上也会更舒服，简约的外型，柔软的纯羊绒面料，既美观又保暖。</p>
                </dix>
              </a>
            </li>
            <li style="box-shadow: none;">
              <a href="">
                <div class="goods-img">
                  <img src="./img/g5.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" class="info-text1"> Pure Cashmere保暖针织帽</a>
                  <p class="info-text2">这款针织帽风格休闲可爱，帽口双面装饰设计，非常有层次感，带上也会更舒服，简约的外型，柔软的纯羊绒面料，既美观又保暖。</p>
                </dix>
              </a>
            </li>
          </ul>
        </div>

      </div>
      <!-- 第三部分 -->
      <div class="main-content3">

        <ul class="tbn-sale">
          <li>
            <img src="./img/s1.jpg" alt="">
          </li>
          <li>
            <img src="./img/s2.jpg" alt="">
          </li>
          <li>
            <img src="./img/s3.jpg" alt="">
          </li>
        </ul>

      </div>
      <!-- 第四部分 -->
      <div class="main-content4">
        <h3 class="goods-hd">猜你喜欢</h3>
        <span class="goods-hd2">个性推荐</span>
        <div class="goods-list">
          <ul>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g6.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 81</span>
                  <span id="info-text4">45人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g7.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 44</span>
                  <span id="info-text4">67人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g8.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 5.9</span>
                  <span id="info-text4">78人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g9.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 63</span>
                  <span id="info-text4">99人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g10.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 96</span>
                  <span id="info-text4">22人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <div class="goods-list">
          <ul>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g11.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 55</span>
                  <span id="info-text4">123人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g12.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 56</span>
                  <span id="info-text4">224人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g13.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 78</span>
                  <span id="info-text4">52人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g14.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 45</span>
                  <span id="info-text4">77人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g15.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 22</span>
                  <span id="info-text4">553人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <div class="goods-list">
          <ul>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g16.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 13</span>
                  <span id="info-text4">116人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g17.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 34</span>
                  <span id="info-text4">88人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g18.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 44</span>
                  <span id="info-text4">98人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g19.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 78</span>
                  <span id="info-text4">99人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g20.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 82</span>
                  <span id="info-text4">453人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <div class="goods-list">
          <ul>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g21.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 33</span>
                  <span id="info-text4">744人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g22.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 16</span>
                  <span id="info-text4">921人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g23.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 56</span>
                  <span id="info-text4">55人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g24.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 77</span>
                  <span id="info-text4">478人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g25.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 88</span>
                  <span id="info-text4">933人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <div class="goods-list">
          <ul>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g26.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 99</span>
                  <span id="info-text4">589人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g27.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 72</span>
                  <span id="info-text4">589人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g28.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 79</span>
                  <span id="info-text4">51人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g29.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 65</span>
                  <span id="info-text4">4人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
            <li>
              <a href="">
                <div class="goods-img">
                  <img src="./img/g30.jpg" alt="">
                </div>
                <dix class="goods-info">
                  <a href="" id="info-text1"> Pure Cashmere保暖针织帽</a>
                  <!-- <span id="info-text2">￥</span> -->
                  <span id="info-text3"> 73</span>
                  <span id="info-text4">23人购买</span>
                </dix>
                <div class="similar">
                  <div class="similar-detail">查找相似</div>
                </div>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <!-- end部分 -->
      <div class="main-content5">
        <img src="./img/end.png" alt="">
      </div>
      <div class="end">
        <ul>
          <li class="end-box">
            <img src="./img/dunpai.png" alt="">
            <span>消费者保障</span>
            <div class="end-detail">
              <ul>
                <li>保障范围</li>
                <li>退货退款流程</li>
                <li>服务中心</li>
                <li>更多特色服务</li>
              </ul>
            </div>
          </li>
          <li class="end-box">
            <img src="./img/wenhao.png" alt="">
            <span>新手上路</span>
            <div class="end-detail">
              <ul>
                <li>新手专区</li>
                <li>消费提示</li>
                <li>交易安全</li>
                <li>24小时在线帮助</li>
                <li>免费开店</li>
              </ul>
            </div>
          </li>
          <li class="end-box">
            <img src="./img/fk.png" alt="">
            <span>付款方式</span>
            <div class="end-detail">
              <ul>
                <li>快捷支付</li>
                <li>信用卡</li>
                <li>余额宝</li>
                <li>蚂蚁花呗</li>
                <li>货到付款</li>
              </ul>
            </div>
          </li>
          <li class="end-box">
            <img src="./img/tb.png" alt="">
            <span>淘宝特色</span>
            <div class="end-detail">
              <ul>
                <li>手机淘宝</li>
                <li>旺旺</li>
                <li>大众评审</li>
              </ul>
            </div>
          </li>

        </ul>
      </div>



    </div>



  </div>
</div>
</body>
</html>
